<?php session_start(); ?>
<!DOCTYPE html>
<html>
	<head dir="ltr" lang="en">
	<title><?php echo isset($pageTitle)?$pageTitle:"" ; ?></title>
	<?php
/* 	foreach ($_SERVER as $k=>$val){
		echo "$k => |$val| <br>";
	}  */
	
	$protocol = explode ( '/', $_SERVER ['SERVER_PROTOCOL'] );
	$pathcontent = explode ( '/', $_SERVER ['REQUEST_URI'] );
	?>
		<base href="<?php echo strtolower($protocol[0])."://".$_SERVER['SERVER_NAME']."/".$pathcontent[1]."/"?>">
		<script type="text/javascript" src="libery/jquery-ui-1.11.0.custom/external/jquery/jquery.js" ></script>
		<script type="text/javascript" src="libery/jquery-ui-1.11.0.custom/jquery-ui.js" ></script>
		<script type="text/javascript" src="frontend/template/js/custom.js" ></script>
		<link rel="stylesheet" type="text/css" href="libery/jquery-ui-1.11.0.custom/jquery-ui.css" />
		<link rel="stylesheet" type="text/css" href="frontend/template/stylesheet/stylesheet.css" />
	</head>
<body>
<div class="container">

<!-- Header -->
		<div class="header">
			<div class="search">
				<div class="button-search"></div>
				<input type="text" id="command" placeholder="Search" />
			</div>
			<div class="welcome"> Welcome visitor you can <a href="http://localhost/opencart/index.php?route=account/login">login</a>
				or <a href="http://localhost/opencart/index.php?route=account/register">create an account</a>.
			</div>
			<div class="navigation">
				<a href="http://localhost/opencart/index.php?route=common/home">Home</a>
				<a href="http://localhost/opencart/index.php?route=account/wishlist" id="wishlist-total">Wish List (0)</a> 
				<a href="http://localhost/opencart/index.php?route=account/account">My Account</a> 
				<a href="http://localhost/opencart/index.php?route=checkout/cart">Shopping Cart</a> 
				<a href="http://localhost/opencart/index.php?route=checkout/checkout">Checkout</a>
			</div>
			
			<?php 
				if(isset($_REQUEST['localee'])){echo $_REQUEST['localee'];
					$_SESSION['LANGUAGEFLAG'] = $_REQUEST['localee'];
				}
				if(isset($_SESSION['LANGUAGEFLAG'])){
			?>
				<script type="text/javascript">
					$(function(){
						var language = "<?php echo $_SESSION['LANGUAGEFLAG'];?>";
						if(language == 'th'){
							$('#thaiFlag').addClass('active-language');
							$('#englishFlag').removeClass('active-language');
						}
						if(language == 'en'){
							$('#thaiFlag').removeClass('active-language');
							$('#englishFlag').addClass('active-language');
						}
					});
				</script>
			<?php 
				}
			?>
			<div id="thaiFlag" onclick="document.location='<?php $_SESSION['LANGUAGE_FLAG'] = 'th'; echo trim($_SERVER['SCRIPT_NAME']).'?localee=th';?>'">TH</div>
			<div id="englishFlag" onclick="document.location='<?php $_SESSION['LANGUAGE_FLAG'] = 'en'; echo trim($_SERVER['SCRIPT_NAME']).'?localee=en';?>'">EN</div>
		</div>
		
<!-- End Header -->

<!-- Menu Bar -->
		<div  class="navigation-bar">
			<div class="navigation-column">
				<ul id="test">Home
					<li id="test11">><a href="Link 1">Link 1</a></li>
					<li id="test12">><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
				<ul id="test2">Home
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
			<div class="navigation-column">
				<ul>Home
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
		</div>
<!-- End Menu Bar -->
<!-- Column Left -->
		<div id="columnleft" class="column-left">
			<div id="box" class="column-left-box">
				<div id="boxhead" class="column-left-box-heading">Categories</div>
					<div id="boxcontent" class="column-left-box-content">
						<ul id="boxcategory" class="column-left-box-category">
							<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=20"><span>Desktops(13)</span></a>
								<ul>
									<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=20_26"> - PC (0)</a></li>
									<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=20_27"> - Mac (1)</a></li>
								</ul>
							</li>
							<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=18">Laptops &amp; Notebooks (5)</a>
								<ul>
									<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=18_46"> - Macs (0)</a></li>
									<li><a href="http://localhost/opencart/index.php?route=product/category&amp;path=18_45"> - Windows (0)</a></li>
								</ul>
							</li>
						</ul>
				</div>
			</div>
		</div>

<!-- End Column Left -->
		
<!-- Main Content -->
		
		<div class="maincontent">
			<div class="breadcrumb">
				<a href="http://localhost/opencart/index.php?route=common/home">Home</a>>>
				<a href="http://localhost/opencart/index.php?route=product/category&amp;path=25">Components</a>>>
				<a href="http://localhost/opencart/index.php?route=product/category&amp;path=25_28">Monitors</a>
				<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
				<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
				<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
				<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
				<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			</div>
		</div>

<!-- Footer	 -->
		
		<div class="footer">
			<div class="column">
				<h3>Footer Header 1</h3>
				<ul>
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
			<div class="column">
				<h3>Footer Header 2</h3>
				<ul>
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
			<div class="column">
				<h3>Footer Header 3</h3>
				<ul>
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
			<div class="column">
				<h3>Footer Header 4</h3>
				<ul>
					<li><a href="Link 1">Link 1</a></li>
					<li><a href="Link 2">Link 2</a></li>
					<li><a href="Link 3">Link 3</a></li>
					<li><a href="Link 4">Link 4</a></li>
				</ul>
			</div>
		</div>
		
<!-- End Footer	 -->

</div>
</body>
</html>
